import Vue from 'vue'
import axios from 'axios'
import { serialize, getRouterQuery } from '@/utils'
import { getStore } from '@/utils/store'
// import NProgress from 'nprogress' // progress bar
import errorCode from '@/const/errorCode'
// import router from '@/router/router'
import { Message, MessageBox, Loading } from 'element-ui'
// import 'nprogress/nprogress.css'
import qs from 'qs'
import store from '@/store' // progress bar style
// import { version } from 'chai'

let loadingInstance // loading 实例
let needLoadingRequestCount = 0 // 当前正在请求的数量

function showLoading() {
  const main = document.querySelector('#main-container')
  if (main) {
    if (needLoadingRequestCount === 0 && !loadingInstance) {
      loadingInstance = Loading.service({
        target: main, text: '正在加载...', background: 'rgba(0,0,0,0.3)'
      })
    }
    needLoadingRequestCount++
  }
}

function closeLoading() {
  Vue.nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
    needLoadingRequestCount--
    needLoadingRequestCount = Math.max(needLoadingRequestCount, 0) // 保证大于等于0
    if (needLoadingRequestCount === 0) {
      if (loadingInstance) {
        hideLoading()
      }
    }
  })
}

// 防抖：将 300ms 间隔内的关闭 loading 便合并为一次。防止连续请求时， loading闪烁的问题。
// 因为有时会碰到在一次请求完毕后又立刻又发起一个新的请求的情况（比如删除一个表格一行后立刻进行刷新）
// 这种情况会造成连续 loading 两次，并且中间有一次极短的闪烁。通过防抖可以让 300ms 间隔内的 loading 便合并为一次，避免闪烁的情况。
var hideLoading = _.debounce(() => {
  loadingInstance.close()
  loadingInstance = null
}, 300)


axios.defaults.timeout = 3000000
// 返回其他状态吗
axios.defaults.validateStatus = function(status) {
  return status >= 200 && status <= 500 // 默认的
}
// 跨域请求，允许保存cookie
axios.defaults.withCredentials = true
// NProgress Configuration
// NProgress.configure({
//   showSpinner: false
// })

// HTTPrequest拦截
axios.interceptors.request.use(config => {
  // NProgress.start() // start progress bar
  const TENANT_ID = getStore({ name: 'tenantId' }) ? getStore({ name: 'tenantId' }) : '1'
  const isToken = (config.headers || {}).isToken === false
  const token = store.getters.access_token
  const VERSION = getRouterQuery('version') ? getRouterQuery('version') : getRouterQuery('VERSION')
  // const VERSION = 'guo'
  config.headers['VERSION'] = VERSION // VERSION
  if (token && !isToken) {
    config.headers['Authorization'] = 'Bearer ' + token// token
  }
  if (TENANT_ID) {
    config.headers['TENANT-ID'] = TENANT_ID // 租户ID
    config.headers['tenantId'] = TENANT_ID // 租户ID
  }

  // headers中配置serialize为true开启序列化
  if (config.method === 'post' && config.headers.serialize) {
    config.data = serialize(config.data)
    delete config.data.serialize
  }

  if (config.method === 'get') {
    config.paramsSerializer = function(params) {
      return qs.stringify(params, { arrayFormat: 'repeat' })
    }
  }
  if (!config.hideLoad) {
    showLoading()
  }
  return config
}, error => {
  closeLoading()
  return Promise.reject(error)
})

// HTTPresponse拦截
axios.interceptors.response.use(res => {
  closeLoading()
  // NProgress.done()
  const status = Number(res.status) || 200
  const message = res.data.msg || errorCode[status] || errorCode['default']

  // 后台定义 424 针对令牌过去的特殊响应码
  if (status === 424) {
    MessageBox.confirm('令牌状态已过期，请点击重新登录', '系统提示', {
      confirmButtonText: '重新登录',
      cancelButtonText: '取消',
      type: 'warning'
    }
    ).then(() => {
      store.dispatch('LogOut').then(() => {
        // 刷新登录页面，避免多次弹框
        window.location.reload()
      })
    }).catch(() => {
    })
    return
  }

  if (status !== 200 || res.data.code === 1) {
    Message({
      message: message,
      type: 'error'
    })
    return Promise.reject(new Error(message))
  }

  return res
}, error => {
  closeLoading()
  // 处理 503 网络异常
  if (error.response.status === 503) {
    Message({
      message: error.response.data.msg,
      type: 'error'
    })
  }
  // NProgress.done()
  return Promise.reject(new Error(error))
})

export default axios
